import axios from 'axios' // 导出一个axios实例 而且这个实例要有请求拦截器响应拦截器
import store from '@/store'

const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API
  // baseURL: 'http://ihrm-java.itheima.net' // 设置axios请求的基础地址}
}
) // 创建一个axios实例

// 添加响应拦截器
// 观察api的返回结果 我们发现axios在处理接口返回值时 默认会自动给包裹一个data字段
// 这导致我们每次在业务模块回去数据都要写 res.data.data
service.interceptors.response.use(response => {
  if (response.data.success) {
    // 操作成功
    return response
  } else {
    // 如果success为false 业务出错,直接触发reject
    // 被catch分支捕获
    return Promise.reject(response.data.message)
  }
}, error => {
  return Promise.reject(error) // 返回执行错误 让当前的执行链跳出成功 直接进入 catch
})
// 添加请求拦截器
service.interceptors.request.use(function(config) {
  //  发送请求之前都需要到这里验证
  // 思路 如果有token 加上
  //  1  如何获取token
  //  2 token如何添加
  const token = store.state.user.token
  if (token) {
    console.log('config', config)
    // 如果有加到请求头上
    config.headers.Authorization = `Bearea ${token}`
  }
  return config
}, function(error) {
  return Promise.reject(error)
})

export default service // 导出axios实例
